import React from 'react';
import { View, Text } from 'react-native';
import { Tabs } from "@ant-design/react-native";
import { connect } from 'react-redux';
import ScheduleDetailPage from "../common/Schedule/ScheduleDetailPage";

class SchedulePage extends React.Component {
  render() {
    const tabs = [
      { title: '待完成' },
      { title: '超时任务' },
      { title: '已完成' },
    ];
    const style = {
      backgroundColor: '#fff',
      flex: 1,
    };
    return (
      <View style={{ flex: 1 }}>
        <Tabs tabs={tabs}>
          <View style={style}>
            <ScheduleDetailPage />
          </View>
          <View style={style}>
            <ScheduleDetailPage />
          </View>
          <View style={style}>
            <ScheduleDetailPage />
          </View>
        </Tabs>
      </View>
    );
  }
}
const mapStateToProps = state => ({
  user: state.user.user
})
export default connect(mapStateToProps)(SchedulePage)
